<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        header,footer{
            width:600px;height:40px;background:#ffd1de;color:#fff;
            text-align:center;margin:0 auto;
        }
        header li{
            display:inline-block;margin:5px 15px;
        }
        .container{
            width:600px;height;300px;margin:0 auto;text-align:center;
            }
        .box{
          margin:15px 10px;
        }
        a{
            color:#fff;
        }
    </style>
</head>
<body>
<header>
  <li><a href="/">首页</a></li>
  <li><a href="/gettext">爬文字</a></li>
  <li><a href="/getimg">爬图片</a></li>
  <li><a href="/hr">招聘</a></li>
</header>
<div class="container">
    <div class="box">
        <img src="/static/img/llllll.jpg" style="height:150px;">
    </div>
    <form action="/login" method="post">
        <div class="box">
            <lable for="">姓名</lable>
            <input type="text" name="username">
        </div>
        <div class="box">
            <lable for="">密码</lable>
            <input type="password" name="userpwd">
        </div>
        <div class="box">
            <input type="submit" name="submit" value="登录">
            <input type="reset"  value="重写">
        </div>
    </form>
</div>
<footer>
    <p>本系统由小耳朵制作，版权所有，违者必究</p>
</footer>
</body>
</html>